<template>
<div class="layout">
	<Row>
		<Col span="6">
			<infor-card
				id-name="user_created_count"
				:end-val="10"
				iconType="md-person-add"
				color="#2d8cf0"
				intro-text="今日新增用户"
			></infor-card>
		</Col>
		<Col span="6" style="padding-left:5px">
			<infor-card
				id-name="user_sale_count"
				:end-val="1000"
				iconType="logo-yen"
				color="#64d572"
				intro-text="今日收入"
			></infor-card>
		</Col>
		<Col span="6" style="padding-left:5px">
			<infor-card
				id-name="user_order_count"
				:end-val="20"
				iconType="md-clipboard"
				color="#ffd572"
				intro-text="今日下单数"
			></infor-card>
		</Col>
		<Col span="6" style="padding-left:5px">
			<infor-card
				id-name="user_visited_count"
				:end-val="10"
				iconType="md-eye"
				color="#f25e43"
				intro-text="今日浏览数"
			></infor-card>
		</Col>
	</Row>
</div>
</template>
<script>
// 引入子组件
import {mapState,mapGetters} from 'vuex'
import { Row, Col } from 'iview';
import InforCard from '../components/InforCard/InforCard'
export default { 
	name:'home',
	components: {Row, Col, InforCard},
	data () {
		return {
		}
	},
	methods:{
        init:function(){
		}
	},
	created:function(){
	},
	mounted () {
		this.init()
	},
	activated:function(){
	},
	computed:{
		...mapGetters(['token']),
	}
}



</script>
<style lang="less" scoped>

</style>